.scan-box {
    height: 100vh;
    width: 100%;
    .scan {

        height: 403px;
        width: 403px;
        background-color: #fff;
        position: relative;
        outline: 1px solid #DBDBDB;
        outline-offset: -21px;

        &::before {
            content: '';
            z-index: 99;
            top: 0;
            position: absolute;
            height: 100%;
            width: 100%;
            outline: 20px solid #f5f5f5;
            outline-offset: -19px;
        }

        &::after {
            content: '';
            z-index: 99;
            top: 0;
            position: absolute;
            height: 100%;
            width: 100%;
            background:
                linear-gradient(#4B81FF, #4B81FF) left top,
                linear-gradient(#4B81FF, #4B81FF) left top,
                linear-gradient(#4B81FF, #4B81FF) right top,
                linear-gradient(#4B81FF, #4B81FF) right top,
                linear-gradient(#4B81FF, #4B81FF) right bottom,
                linear-gradient(#4B81FF, #4B81FF) right bottom,
                linear-gradient(#4B81FF, #4B81FF) left bottom,
                linear-gradient(#4B81FF, #4B81FF) left bottom;
            background-repeat: no-repeat;
            background-size: 2px 40px, 40px 2px;
        }
    }
}